<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="./src/css/main.css">
    <title>反馈中心</title>
</head>

<body>
    <div class="box">
        <div class="header">
            <img src="./resource/images/left-arrow.png" alt=""> 反馈中心
        </div>
        <div class="content">
            <div class="feed">
                <div class="tips border">请提交您的意见或者建议，感谢您的支持与关心!</div>
                <div class="border">
                    网址
                    <input type="text" class="url" placeholder="选填">
                </div>
                <div class="feed-content border">
                    <textarea name="" id="" cols="30" maxlength="200" rows="10" class="desc"
                        placeholder="请填写10个字以上的问题描述以便我们提供更好的帮助"></textarea>
                    <span>0/200</span>
                </div>

                <div class="border">
                    联系方式
                    <input type="text" class="tel" onkeyup="this.value=this.value.replace(/\D/g,'')" placeholder="手机号">
                </div>
                <div class="send">提交</div>
            </div>
            <div class="record display">
                <div class="user">
                    <img src="./resource/images/user.svg" alt="">
                </div>
                <div class="record-tab flex">
                    <div class="cursor rec-select">反馈<span class="feed-count">0</span></div>
                    <div class="cursor">回复<span class="record-count">0</span></div>
                </div>
                <div class="record-ul">
                </div>

            </div>
        </div>
        <div class="footer flex between">
            <div class="tab tab-select">
                <div>
                    <img src="./resource/images/feed-tab.svg" alt="">
                    <img class="display" src="./resource/images/feed-tab-g.svg" alt="">
                </div>
                <div>我要反馈</div>
            </div>
            <div class="tab">
                <div>
                    <img class="display" src="./resource/images/record-tab.svg" alt="">
                    <img src="./resource/images/record-tab-g.svg" alt="">
                </div>
                <div>反馈记录</div>
            </div>
        </div>

        <!-- 提醒弹窗 -->
        <div class="mask display flex align-center">
            <div class="tips-dia">
                <div class="tips-title">提醒</div>
                <div class="tips-content"></div>
                <div class="tips-btn">知道了</div>
            </div>
        </div>

        <!-- 发送提交弹窗 -->
        <div class="send-mask display flex align-center">
            <div class="send-success display">
                <div class="send-title">成功提交</div>
                <img src="./resource/images/send-success.png" alt="">
                <div class="send-desc">马上开通提醒，有新回复第一时间通知你</div>
                <div class="send-footer flex">
                    <div class="send-close">取消</div>
                    <div class="open-qr-code">开通微信提醒</div>
                </div>
            </div>

            <div class="qr-code display flex just-center">
                <div class="qr-top"><span class="qr-close">×</span></div>
                <div class="qr-title">扫码关注微信公众号</div>
                <div class="code-box flex align-center just-center">

                    <img class="loading" src="./resource/images/loading.gif" alt="">
                    <img class="qr-img display" src="" alt="">
                </div>

                <div class="qr-desc">关注后我们能及时为您发送消息提醒通知</div>
            </div>

            <!-- 微信浏览器端 -->
            <div class="wx-gzh flex display just-center">
                <div class="qr-top"><span class="qr-close">×</span></div>
                <div class="qr-title gzh-title">关注本地宝公众号及时接收消息通知</div>
                <div class="bdb-follow">
                    <div>本地宝关联的公众号</div>
                    <div class="bdb-box flex between align-center">
                        <div class="bdb-img flex">
                            <img src="./resource/images/bdb-logo.png" alt="">
                            <div>
                                <div>本地宝</div>
                                <div>获取最新本地政策、资讯</div>
                            </div>
                        </div>
                        <div class="follow-btn">关注</div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script src="./src/js/jq.min.js"></script>
    <script src="./src/js/main.js"></script>
</body>

</html>